@charset "utf-8";

BODY {
   COLOR: #2e2e2e;
   padding: 0;
   margin: 0;
   font-size: 16px;
   font-weight: 300;
   font-family: "微软雅黑", "Arial", "宋体";
}

A {
   OUTLINE-STYLE: none;
   OUTLINE-COLOR: invert;
   OUTLINE-WIDTH: medium;
   TEXT-DECORATION: none;
   FONT-SIZE: 16px;
   COLOR: #2e2e2e;
}

A:hover {
   FONT-SIZE: 16px;
   COLOR: #FF0000;
   TEXT-DECORATION: none
}

img {
   border: 0
}

ul,
li,
dd,
dt {
   list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
form,
div,
p,
i,
img,
ul,
li,
ol,
table,
tr,
td,
th,
fieldset,
label,
legend,
button,
input {
   margin: 0;
   padding: 0;
}

.container {
   margin: 0 auto;
   width: 1360px;
}

.block {
   padding: 20px 0;
}

.clear {
   clear: both
}



/* 主菜单 */

.head {
   position: relative;
   width: 100%;
   background: #fff;
   border-bottom: 1px solid #ddd;
   height: 120px;
   z-index: 9999
}

.head .navbox {
   width: 1360px;
   margin: 0 auto;
}

.head .nav {
   display: block;
   float: right;
   width: calc(100% - 620px);
}

.head .nav .nav_pc {
   width: 100%;
}

.head .nav ul li {
   float: left;
   position: relative;
   box-sizing: border-box;
   z-index: 999;
   height: 118px;
   padding-top: 40px;
}

.head .nav ul li::after {
   content: '';
   z-index: -1;
   position: absolute;
   bottom: -3px;
   left: 10%;
   width: 70%;
   height: 118px;
   background-color: #efefef;
   border-top: 3px solid #498f4c;
   transition: 0.5s ease 0s;
   opacity: 0;
}

.head .nav ul li:hover::after {
   left: 0;
   width: 100%;
   opacity: 1;
}


.head .nav ul li .f_a {
   line-height: 48px;
   display: block;
   text-align: center;
   font-size: 18px;
   color: #2e2e2e;
}

.head .nav ul li:hover .f_a {
   transition: all .3s
}

.head .nav ul li .s_navbox {
   display: none;
   position: absolute;
   left: 0;
   width: 100%;
   background: #fff;
   background-color: #498f4c;
   z-index: 9999;
   box-sizing: border-box;
   margin-top: 30px;
}

.head .nav ul li .s_navbox .s_a a {
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   display: block;
   text-align: center;
   padding: 15px 0;
   border-top: 1px solid #177b3b;

}

.head .nav ul li .s_navbox .s_a a:hover {
   background-color: #00973e;
   color: #fff;
}


.p_logo {
   width: 486px;
   height: auto;
   float: left;
   margin-top: 25px;
}

.p_logo img {
   width: 426px;
   height: auto;
}

.m_nav {
   display: none
}

.headlf .m_logo {
   display: none
}

.headrg .m_menuimg {
   display: none
}

/* 下拉侧边菜单 */
.sidenav {
   position: relative;
   width: 180px;
   display: block;
   float: left;
}

.sidenav label {
   width: 180px;
   display: block;
   padding-left: 55px;
   box-sizing: border-box;
   background: #128ee3;
   position: relative;
   height: 48px;
   line-height: 48px;
   color: #fff;
   font-size: 16px;
}

.sidenav label i {
   width: 30px;
   height: 30px;
   display: block;
   position: absolute;
   background-size: 20px;
   left: 25px;
   top: 16px;
}

.sidenav .side {
   display: inline-block;
   position: absolute;
   top: 48px;
   left: 0;
   z-index: 999;
   width: 180px;
   background: #fff;
   border-top: none;
   background-color: rgba(255, 255, 255, .95);
   box-sizing: border-box;
}

.sidenav .side li {
   position: relative;
   width: 100%;
   padding: 5px 0px;
   border-bottom: 1px solid #cccccc;
   box-sizing: border-box
}

.sidenav ul.side li:first-child {
   cursor: pointer;
}

.sidenav .side li a {
   color: #333;
   height: 40px;
   line-height: 40px;
   padding: 8px 0 8px 0;
   display: block;
   font-size: 16px;
}

.sidenav .side li a:hover {
   background: none;
   color: #0085cd;
}

.sidenav .side li a i {
   transition: all 0.3s ease 0s;
}

.sidenav .side li a i.side_t {
   margin-left: 10px;
   width: 40px;
   height: 40px;
   display: inline-block;
   vertical-align: middle;
   background-size: 30px;
}

.sidenav .side li a:hover i {
   margin-left: 15px;
}

.icon1 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon2 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon3 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon4 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon5 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon6 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.icon7 {
   background: url(../imgs/sideIcon1.png) no-repeat;
}

.sidenav .side li:hover .side_main {
   display: block;
   z-index: 999;
}

.sidenav .side .side_main {
   display: none;
   width: 500px;
   background: #FFFFFF;
   position: absolute;
   left: 180px;
   top: 0;
   box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
   border: 1px #cecece solid;
   z-index: 7;
}

.sidenav .side .side_main dl {
   margin: 20px;
   padding: 0;
}

.sidenav .side .side_main dl dt {
   font-size: 18px;
   margin-bottom: 10px;
   color: #0173b2;
   font-weight: bold;
}

.sidenav .side .side_main dl dt b {
   font-size: 15px;
}

.sidenav .side .side_main dl dd {
   margin-bottom: 10px;
   display: inline-block;
}

.sidenav .side .side_main dl dd a {
   position: relative;
   display: inline-block;
   color: #777;
   font-size: 14px;
   margin: 0 4px;
   padding: 0 5px;
   border-right: 2px solid #bbbbbb;
   height: auto;
   line-height: 1.5;
   transition: all 0.2s ease 0s;
}

i.icon-hot,
i.icon-new {
   display: inline-block;
   height: 9px;
   width: 24px;
   background: url(../imgs/img_public.png) no-repeat;
   vertical-align: middle;
}

i.icon-hot {
   background-position: 0 -240px;
}

i.icon-new {
   background-position: -40px -240px;
}

.sidenav .side .side_main dl dd a span {
   color: #999;
}

.sidenav .side .side_main dl dd a:hover {
   background: none;
   color: #cf1322;
   transform: translateY(-2px);
}

.sidenav .side .side_main dl dd a:hover b {
   color: #40adf5;
}

.sidenav .side .side_main dl dd a:hover span {
   color: #40adf5;
}

/* 轮播图 */
.slider {
   position: relative;
   overflow: hidden;
   width: 100%;
}

.slideBox .hd {
   height: 10px;
   z-index: 1;
   overflow: hidden;
   position: absolute;
   left: 50%;
   bottom: 20px;
   transform: translateX(-50%);
   z-index: 1;
   display: none;
}

.slideBox .hd ul {
   text-align: center;
   padding-top: 5px;
}

.slideBox .hd ul li {
   cursor: pointer;
   float: left;
   margin-right: 5px;
   width: 30px;
   height: 10px;
   line-height: 14px;
   text-align: center;
   background: #fff;
}

.slideBox .hd ul .on {
   background: #177b3b;
   color: #fff;
}

.slideBox .bd {
   position: relative;
   z-index: 0;
}

.slideBox .bd li img {
   width: 100%;
   height: 680px;
   vertical-align: top;
}
.banner-cankao{
    position: relative;
    z-index: 999
}
.banner_zong{
	width: 613px;
	margin: 30px auto 0 auto;
	position:absolute;
   top: 10%;
   left: 27%;
   z-index: 999;
}
.ba_total{
	width: 100%;
	position: absolute;
	top: 10%;
	left: 0;
}
.ba_one{
	width: 610px;
	height: 610px;
	border: solid 3px white;
	opacity: 0.6;
	border-radius: 50%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(89px 624px 529px 0px);
	transform: rotate(-45deg);
	animation: zhuan1 20s infinite linear;
}
.ba_two{
	position: absolute;
	top: 17px;
	left: 17px;
	animation: zhuan 20s infinite linear;
}
.ba_two div{
	width: 73px;

	background: white;
	position: absolute;
	bottom: 69px;
    left: 23px;
	transform: rotate(-39deg);
}
.ba_two div:after{
	content: '';
	width: 16px;
	height: 16px;
	background: white;
	border-radius: 20px;
	position: absolute;
	right: -8px;
	top: -8px;
}
.ba_two div.zuo{
	bottom: 491px;
    left: 509px;
	
}
.ba_two div.zuo:after{
	content: '';
	right: 65px;
}
.ba_three{
	width: 545px;
	height: 545px;
	border: dashed 1px white;
	border-radius: 50%;
	position: absolute;
	top: 34px;
	left: 34px;
	animation: zhuan1 20s infinite linear;
}
.ba_fo{
	width: 520px;
	height: 520px;
	margin: 0 auto;
	border-radius: 50%;
	background: rgba(255,255,255,0.9);
	text-align: center;
	position: absolute;
	top: 47px;
	left: 47px;
}
.ba_fo_one{
	margin-top: 96px;
}
.ba_fo_two{
	font-size: 23px;
	font-weight: bold;
	color: #747475;
	border-bottom: solid 1px #747475;
	padding-bottom: 10px;
	width: 408px;
	margin: 0 auto;
	margin-top: 37px;
}
.ba_fo_three{
	font-size: 20px;
	width: 385px;
	margin: 0 auto;
	line-height: 30px;
	text-align: left;
	color: #747475;
	padding-top: 9px;
	font-weight: 300;
}
.ba_fo_foru{
	font-size: 22px;
	font-weight: 300;
	color: #747475;
	width: 90px;
	margin: 0 auto;
	border-bottom:  solid 1px #777675;
	margin-top: 35px;
	transition: 1s;
}
.ba_fo_foru:hover{
	color: #009944;
	border-bottom:  solid 1px #009944;
}

@keyframes zhuan{

	0%{transform: rotate(0deg);}

	25%{transform: rotate(-90deg);}
	
	50%{transform: rotate(0deg);}
	
	75%{transform: rotate(90deg);}
	
	100%{transform: rotate(0deg);}

}
@keyframes zhuan1{

	0%{transform: rotate(0deg);}

	25%{transform: rotate(180deg);}
	
	50%{transform: rotate(0deg);}
	
	75%{transform: rotate(-180deg);}
	
	100%{transform: rotate(0deg);}
	
}
.banner-bg{
    display: none;
}
/* 搜索 */
.search-bg{
    width: 100%;
    height: 40px;
    padding: 10px 0;
    background: #dedede;
    border-bottom:1px solid #fff ;
    float: left;

}
.search-words{
    width: auto;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    float: left;
}
.search-words span {
   padding: 0 0.5rem;
}
#search_box { 
   width: 301px; 
   height: 38px;
   background: #fff;
   border: 1px solid #ddd; 
   float: right;
   margin-top:20px
   } 
   #search_box #s { 
   float: left; 
   padding: 0; 
   margin: 6px 0 0 6px; 
   border: none; 
   width: 259px; 
   height: 26px;
   background: none;
   outline:none
   } 
   #search_box #go { 
   float: right; 
   margin: 3px 4px 0 0; 
   } 

/* 数字 */
.numbg {
   width: 100%;
   height: 160px;
   background: #dedede;
   float: left
}

.number {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   margin-top: 40px
}

.num {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   line-height: 50px;
}

.num font {
   font-size: 36px;
   font-weight: bold;
   color:  #498f4c;
}

.num span {
   font-size: 18px;
   color: #333;
   font-weight: normal;
}

.num em {
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   color:  #498f4c;
}
/*第一行*/
.row1 {
   display: flex;
   justify-content: space-between;
   margin: 60px auto;
   height: 560px;
}

.row1_about {
   width: 690px;
   height: 560px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start
}

.row1_about h2 {
   width: 100%;
   line-height: 35px;
   font-size: 36px;
   color: #000;
   font-weight: bold
}

.row1_about span {
   width: 100%;
   line-height: 30px;
   font-size: 16px;
   color: #333;
   font-weight: normal;
   margin-top: 15px;
}

.row1_info {
   width: 100%;
   line-height: 30px;
   font-size: 16px;
   color: #2e2e2e;
   font-weight: normal;
   margin-top: 15px;
}

.row1_pic {
   width: 624px;
   height: 560px
}

.row1_pic img {
   width: 624px;
   height: 560px;
   overflow: hidden
}
/* 第三行 */
.x_about{
	margin-top: 56px;
	margin-bottom: 63px;
}
.l_about{
	width: 600px;
	margin-left: 78px;
	position: relative;
}
.l_about_one{
	position: absolute;
	top: 37px;
	left: -57px;
}
.l_about_one div{
	display: inline-block;
	vertical-align: top;
}
.l_about_one_t{
	height: 181px;
	width: 1px;
	background: #252525;
	margin-top: 34px;
	position: relative;
}
.l_about_one_t:after{
	content: '';
	width: 8px;
	height: 8px;
	background:  #498f4c;
	position: absolute;
	top: -4px;
	left: -4px;
	animation: zuo1 5s infinite linear;
}
@keyframes zuo1{

	0%{top: -4px;}
	
	50%{top: 177px;}
	
	100%{top: -4px;}
	
}
.l_about_one_o{
	margin-left: 12px;
}
.l_about_two{
	position: absolute;
	right: -184px;
	top: 16px;
}
.l_about_two_t{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Arial';
	margin-bottom: 15px;
	margin-left: 148px;
}
.l_about_two_o{
	width: 181px;
	height: 1px;
	background: #252525;
	position: relative;
}
.l_about_two_o:after{
	content: '';
	width: 8px;
	height: 8px;
	background: #498f4c;
	position: absolute;
	top: -4px;
	right: -4px;
	animation: zuo2 5s infinite linear;
}
@keyframes zuo2{

	0%{right: -4px;}
	
	50%{right: 177px;}
	
	100%{right: -4px;}
	100%{right: -4px;}
	
}
.r_about{
	width: 650px;
}
.r_about_one{
	font-size: 41px;
	font-weight: bold;
	margin-top: 64px;
}
.r_about_one span{
	display: block;
	font-family: 'Arial';
	color:  #498f4c;
	font-size: 41px;
	text-transform: uppercase;
	margin-top: 6px;
}
.r_about_two{
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	margin-top: 37px;
}
.r_about_three{498f4
	font-size: 29.5px;
	color: #a6a6a6;
	margin-top: 25px;
}
.r_about_three span{
	display: block;
	font-size: 11px;
	padding-top: 6px;
	text-transform: uppercase;
}
.r_about_form{
	width: 182px;
	line-height: 57px;
	height: 57px;
	color: white;
	background:  #498f4c;
	text-align: center;
	margin-top: 41px;
    transform: skewX(-25deg);
	transition: 1s;
}
.r_about_form a{
   color: #fff;
}
.r_about_form:hover{
	background: #177b3b;
}
.r_about_form p{
	transform: skewX(25deg);
	font-size: 20px;
}
.l_about_n{
   width: 599px;
   box-sizing: border-box;
   overflow: hidden;
   transition: 1s;
}
.l_about_n img{
 width: 100%;
     transition: 1s;
}
.l_about_n:hover{
  box-shadow:5px 10px 5px rgba(4,0,0,0.3);
}
.l_about_n:hover img{
   transform: scale(1.1);
}
/*清除浮动*/
.fix{
	zoom: 1;
}
.fix:after{
	content: "clear";
	display: block;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
/*左右浮动*/
.fl{
	float:left;
}
.fr{
	float:right;
}


/* 第二行 */
.row2 {
   width: 100%;
   height: auto;
   background: url('../imgs/row2_bg.jpg') no-repeat center top;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
}

.row2 h3 {
   font-size: 36px;
   color: #fff;
   line-height: 40px;
   margin-top: 25px;
   font-weight: bold;
   text-align: center;
}

.row2 span {
   font-size: 16px;
   color: #fff;
   line-height: 30px;
   margin-top: 15px;
   display: block;
   text-align: center
}

.index_pro {
   width: 100%;
   height: auto;
   margin: 20px auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between
}

.tj_pro {
   height: auto;
   flex: 45%;
   background: #fff;
   margin: auto 25px 25px auto;
   padding: 15px;
   box-sizing: border-box;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between
}

.tj_pro:nth-child(2n) {
   margin-right: 0 !important;
}

.pro_info {
   flex: 0.8;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   margin-left: 20px
 
}

.pro_info h3 {
   line-height: 35px;
   font-size: 26px;
   color: #000;
   text-align: left;
}


.pro_info i {
   line-height: 30px;
   font-size: 16px;
   color: #666;
   margin-top: 10px;
   font-style: normal
}

.pro_info p {
   line-height: 35px;
   font-size: 16px;
   margin-top: 10px;
   font-weight: 300
}


.pro_info span {
   width: 160px;
   height: 50px;
   border: 1px solid #ddd;
   text-align: center;
   line-height: 50px;
   display: block;
   position: relative;
}
.pro_info span::after {
   content: '';
   width: 0;
   height: 50px;
   display: block;
   position: absolute;
	top: 0;
	left: 0;
	background:  #498f4c;
   transition: 1s;
}
.pro_info span:hover::after {
   content: '';
   width: 160px;
   height: 50px;
}
.pro_info span a {
   width: 160px;
   height: 50px;
   top: 0;
	left: 0;
   position: absolute;
   z-index: 99;
}
.pro_info span a:hover {
   color: #fff;
}
.pro_pic {
   flex: 1;
}

.pro_pic img {
   width: 320px;
   height: 240px;
   overflow: hidden;
   margin-top: 10px;
}

/* 第三行 */

.row3 {
   height: auto;
   display: flex;
   margin: 40px auto;
   justify-content: space-between;
   flex-wrap: nowrap
}

.row3_map {
   width: 60%;
   height: 570px;
   overflow: hidden
}

.row3_info {
   width: 40%;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   margin: 40px auto auto 40px
}

.row3_info p {
   line-height: 45px;
   font-size: 24px;
}



/* 底部信息 */
.linebg {
   width: 100%;
   height: 55px;
   line-height: 45px;
   float: left;
   color: #fff;
   background: url('../imgs/linebg.jpg') no-repeat center top;
   padding-left: 15px;
   box-sizing: border-box;
   font-size: 1.2rem;
   font-weight: bold
}

.bottom {
   width: 100%;
   height: auto;
   background: #303030;
   float: left
}

.foot_nav {
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-start;
   width: 600px;
   float: left
}

.bottom_nav {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   margin: 30px 15px 30px auto;
}

.bottom_nav span {
   font-size: 16px;
   color: #fff;
   line-height: 55px;
}

.bottom_nav span a {
   font-size:16px;
   color: #fff;
}

.bottom_nav span a:hover {
   font-size: 16px;
   color: #f00;
}

.bottom_nav p {
   font-size: 14px;
   color: #666;
   line-height:30px;
}

.bottom_nav p a {
   font-size: 14px;
   color: #666;
}

.bottom_nav p a:hover {
   font-size: 14px;
   color: #fff;
}

#banquan {
   width: 100%;
   line-height: 40px;
   background: #303030;
   float: left;
   color: #666;
   border-top: 1px solid #686868;
   text-align: center
}

#banquan a {
   color: #666;
}

#banquan a {
   color: #f00;
}

/*关于我们页面banner*/
.side-banner{
    width: 100%;
    height: 520px;
    float: left;
    overflow: hidden;
}
.side-wezihi{
    width: 520px;
    height: 520px;
    position: relative;
    margin: 0 auto;
    /*background-color: #498f4c;*/
}
.side-wezihi h2{
   width: auto;
   line-height: 35px;
   font-size: 36px;
   color: #fff;
   position: absolute;
   left: 40%;
   bottom: 70%;
   font-weight: normal;
   z-index: 9;
}
.side-wezihi span{
   width: auto;
   font-size: 72px;
   color: #000;
   position: absolute;
   left: 29%;
   bottom: 61%;
   font-weight: bolder;
   text-transform:uppercase;
   z-index: 9;
}

.side-wezihi em{
   width: auto;
   font-size: 24px;
   color: #000;
   position: absolute;
   left: 40%;
   bottom: 63%;
   font-style: normal;
   text-transform:uppercase;
   letter-spacing:5px;
   z-index: 9;
}

.side-wezihi p{
   width: auto;
   font-size:20px;
   color: #fff;
   position: absolute;
   left: 33%;
   bottom: 50%;
   z-index: 9;
}
/*产品展示banner*/
.pro-bannnerbg{
    width: 520px;
    height: 520px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.pro_one{
    left: 30%;
    width: auto;
    font-size: 72px;
    color: #000;
    position: absolute;
    bottom: 61%;
    font-weight: bolder;
    text-transform:uppercase;
    z-index: 9;
}
.pro_catname {
    color:#fff;
    width: auto;
   line-height: 35px;
   font-size: 36px;
   position: absolute;
   left: 40%;
   bottom: 70%;
   font-weight: normal;
   z-index: 9;
}

.pro-bannnerbg em{
   width: auto;
   font-size: 24px;
   color: #000;
   position: absolute;
   left: 40%;
   bottom: 63%;
   font-style: normal;
   text-transform:uppercase;
   letter-spacing:5px;
   z-index: 9;
}
.pro-solgan{
    width: 450px;
    height: 70px;
    line-height: 70px;
    background: #000;
    position: absolute;
    left: 8%;
    bottom: 30%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.pro-biaoyu{
   width: 450px;
   font-size:42px;
   color: #498f4c ;
   position: absolute;
   left: 20%;
   bottom: 48%;
   z-index: 9;
}

/*栏目二级菜单*/
.side-bgcolor {
   width: 100%;
   height: 80px;
   line-height: 80px;
   float:left;
   background:#efefef;
   margin-bottom: 20px
}

.side-meun {
   display: flex;
   justify-content: flex-start;
}
.side-prolb{
	 width:70%;
	 float:left
}
.side-meun span {
   width: 140px;
   height: 42px;
   border: 1px solid #686868;
   border-radius: 30px;
   line-height: 42px;
   text-align: center;
   margin-right: 15px;
   margin-top: 18px;
}

.side-meun span a:hover {
   width: 140px;
   height: 42px;
   background:  #498f4c;
   border: 1px solid  #498f4c !important;
   color: #fff;
   display: block;
   border-radius: 30px;
}


.curret {
   width: 140px;
   height: 42px;
    border: 1px solid  #498f4c !important;
   background:  #498f4c !important;
   display: block;
   color: #fff;
}

.curret a {
   color: #fff;
}

.curret a:hover {
   color: #ff0;
}

.side_info {
   width: 1360px;
   height: auto;
   line-height: 2rem;
   overflow: hidden;
   margin: 40px auto;
}

.side_info img {
   max-width: 1360px;
   display: block;
   margin: 10px auto;
}


.side-features {
   width: 1258px;
   height: 418px;
   border: 1px solid #ddd;
   display: flex;
   justify-content: space-between;
   margin: 40px auto 0 auto;
}

.side-features img {
   width: 680px;
   height: 418px;
   overflow: hidden;
}

.side-features-fr {
   flex-direction: row-reverse !important
}

.features-info {
   width: 578px;
   height: 418px;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
}

.features-info h2 {
   font-size: 30px;
   color:  #498f4c;
   font-weight: bold;
   position: relative;
   line-height: 40px;
   padding-left: 50px;
   padding-top: 50px;
   box-sizing: border-box;
}

.features-info h2::before {
   width: 100px;
   height: 5px;
   background-color:  #498f4c;
   position: absolute;
   top: 40px;
   content: '';
}

.features-info p {
   line-height: 30px;
   padding: 20px 50px;
   box-sizing: border-box;
}

.honor-list {
   width: 1360px;
   height: auto;
   display: flex;
   flex-wrap: wrap;
}

.honor-pic {
   width: 22%;
   height: 340px;
   border: 1px solid #ddd;
   margin: 20px;
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.honor-pic:nth-child(1) {
   margin-left: 0 !important;

}

.honor-pic:nth-child(5n) {
   margin-left: 0 !important;

}

.honor-pic:nth-child(4n) {
   margin-right: 0 !important;

}

.honor-pic span {
   width: 275px;
   height: 275px;
   margin: 10px;
   background: #efefef;
   display: block;
   overflow: hidden;

}

.honor-pic span img {
   width: 80%;
   height: 255px;
   margin: 20px 10% auto 10%;
   cursor: pointer;
   transition: all 0.6s;
}

.honor-pic span img:hover {
   transform: scale(1.4);
}

.honor-pic p {
   text-align: center;
   line-height: 45px;
}

/*产品列表表格页面*/
.pro_table {
   border-collapse: collapse;
   border: 1px solid #fff;
   background-color: #efefef;
   width: 1360px;
   margin: 20px auto;
   text-align: center;
   line-height: 3rem;

}

.pro_table th {
   background-color:  #498f4c;
   color: #fff;
   font-weight: bold;
   border-collapse: collapse;
   border: 1px solid #fff;
}

.pro_table td {
   border-collapse: collapse;
   border: 1px solid #fff;
}

.pro_title {
   color:  #498f4c;
   font-weight: bold;
}

.pro_title a {
   color:  #498f4c;
   font-weight: bold;
}

.pro_title a:hover {
   color: #f00
}

.pro_datail {
   width: 1360px;
   height: 510px;
   display: flex;
   justify-content: space-between;
   flex-wrap: nowrap;
   border-bottom: 1px solid #ddd  
}

.pro_datail img {
   width: 503px;
   height: 378px;
   margin: 66px 88px 66px 89px;
   overflow: hidden;
}

.pro_info2 {
   width: 680px;
   height: 510px;
   background: #efefef;
   display: flex;
   justify-content: flex-start;
   flex-direction: column;
   padding: 50px;
   box-sizing: border-box;
}

.pro_info2 h1 {
   width: 100%;
   line-height: 45px;
   font-weight: bold;
   border-bottom: 2px solid #000;
   padding-bottom: 10px;
   font-size: 30px;
 margin-bottom:10px;
}

.pro_info2 p {
   width: 100%;
   color: #666;
   line-height: 35px;
}

.pro_contact {
   width: 100%;
   line-height: 50px;
   padding: 15px 0;
   border-bottom: 1px dotted #ccc;
   border-top: 1px dotted #ccc;
   margin-top: 20px;
   display: flex;
   flex-wrap: nowrap;
   justify-content:flex-start;
   align-items: center;
}

.pro_contact span {
   color: #333;
   font-size: 18px;
   border: none;
   text-indent: 40px;
   margin-right: 20px;

}

.pro_contact span a {
   color: #333;
   font-size: 18px;

}

.pro_contact span a:hover {
   color: #f00;
   font-size: 18px;

}


.rongyu {
   background: url('../imgs/honnor.png') no-repeat 0 12px;
   background-size: 1.5rem 1.5rem;
}

.dianhua {
   background: url('../imgs/tel.png') no-repeat 0 16px;
   background-size: 1.5rem 1.5rem;
   margin-left: 10px;
   padding-top: -65px
}

.pro_contact em {
   color: #f00;
   font-size: 30px;
   font-weight: bold;
   font-style: normal;
   margin-top: 15px;
}

.pro_contact em a {
   color: #f00;
   font-size: 30px;
}
.pro_contact em a:hover {
   color: #2e2e2e;
   font-size: 30px;
}
.pro_bt {
   width: 100%;
   line-height: 45px;
   font-weight: bold;
   padding-top: 10px;
   font-size: larger;
}

.pro_neirong {
   width: 100%;
   line-height: 1.5rem;
}
.pro_neirong img{
   width: 100%;
   height: auto;
   padding:0.5rem 1rem;
   box-sizing:border-box ;
}


.newslist {
   width: 1360px;
   height: auto;
   margin: 20px auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.inside_newslist {
   width: 658px;
   height: 148px;
   float: left;
   background: #f5f5f5;
   margin: 0 0 20px 0;
}

.inside_newslist a:hover {
   background:  #498f4c;
   color: #fff;
   width: 658px;
   height: 148px;
   display: block
}


.inside_newslist code {
   width: 70px;
   height: 70px;
   float: left;
   margin:30px 19px auto 19px;
   background: #80878F;
   text-align: center
}

.inside_newslist code strong {
   width: 70px;
   height: 40px;
   line-height: 40px;
   font-size: 36px;
   color: #fff;
   float: left;

}

.inside_newslist code em {
   width: 70px;
   height: 30px;
   line-height: 30px;
   font-size: 14px;
   color: #fff;
   float: left;
   font-style: normal
}

.inside_newslist span {
   width: 535px;
   height: 35px;
   line-height: 35px;
   float: left;
   font-weight: bold;
   font-size: 18px;
   margin-top: 20px
}


.inside_newslist p {
   width: 535px;
   height: 60px;
   overflow: hidden;
   line-height: 30px;
   float: left;
   color: #999999;
   font-size: 14px
}

.inside_newslist p:hover {
   width: 535px;
   height: 60px;
   color: #fff;
   display: block
}

/*文章内页面*/
.content_info {
   width: 1320px;
   height: auto;
   margin: 20px;
}

.content_info h1 {
   width: 1320px;
   line-height: 45px;
   font-size: 24px;
   font-weight: bold;
   text-align: center
}

.content_chick {
   width: 100%;
   height: 35px;
   line-height: 35px;
   display: flex;
   justify-content: center;
   border-bottom: 1px solid #ddd;
   padding-bottom: 10px;
   margin-top: 20px;
}

.content_chick span img {
   width: 20px;
   height: 20px;
   float: left;
   margin: 7px 10px 8px 10px
}

.content_chick span {
   font-size: 14px;
   color: #999
}

.content_info {
   line-height: 2.5rem;
   width: 1320px;
   overflow: hidden;
   text-indent: 2em;
   padding: 20px 0
}

.content_info img {
   max-width: 1300px;
   display: block;
   margin: 10px auto;
}

#news_next {
   width: 100%;
   line-height: 35px;
   border-top: 1px dotted #ddd;
   font-size: 14px;
   color: #999;
   margin: 10px auto
}

#news_next a {
   font-size: 14px;
   color: #999;
}

#news_next a:hover {
   font-size: 14px;
   color: #f00;
}

#news_next span {
   font-weight: bold;
   color: #333
}


.bshare-custom {
   width: 140px;
   margin-top: 8px
}

.pages {
   width: 100%;
   margin: 20px auto;
   text-align: center;
   line-height: 1.2;
   font-family: "微软雅黑"
}

.pages li {
   display: inline-block;
   vertical-align: middle;
   margin: 0 4px;
}

.pages li a {
   display: block;
   border: 1px solid #E5E7EA;
   background: none !important;
   background: #fff;
   padding: 5px 10px !important;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 14px;
   letter-spacing: 0
}

.pages li:hover a,
.pages li.active a {
   background:  #498f4c !important;
   border-color:  #498f4c !important;
   color: #fff !important;
   text-decoration: none !important
}

/*联系我们页面*/
.contact-page{
    width: 1360px;
    height: 480px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 20px auto;
}
.contact-info{
    width: 480px;
    height: 480px;
    background:  #498f4c;
    line-height:35px;
    padding:50px 20px;
    box-sizing: border-box;
    color: #fff;
}
.contact-info h2 {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
}
.conact-map{
    width: 880px;
    height: 480px;
}

.conact-message{
    width: 100%;
    height: 540px;
    background: #f7f7f7;
    margin-top: 20px;
    float: left;
}
.conact-form{
    width: 1360px;
    height: auto;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.conact-form h3 {
    width: 100%;
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.conact-form h3::after{
    width: 35px;
    height: 3px;
    background:  #498f4c;
    position: absolute;
    bottom: -15px;
    left:49%;
    content: '';
}
.conact-form p {
   width: 100%;
   text-align: center;
   color: #333;
   margin-top: 25px;
}
.conact-form textarea{
    width: 100%;
    height: 150px;
    margin-top: 50px;
    border: 1px solid #ddd;
    padding:0 10px;
    box-sizing: border-box;
    line-height: 30px;
}
.form-xm{
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-top: 20px;
}
.form-input{
    width: 30%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    align-items: center;
    padding:0 10px;
    box-sizing: border-box;
}
.p_submit {
    width: 100%;
    line-height: 45px;
    height: 45px;
    background:  #498f4c;
    border: 0;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
}

/*首页新增公司图标信息*/
.ront{
   width: 100%;
   height: 372px;
	background:  #498f4c;
	box-sizing: border-box;
	overflow: hidden;
}

.ront_total{
	text-align: center;
	color: white;
	margin-top: 107px;
}
.ront_total li{
	display: inline-block;
	width: 216px;
	height: 250px;
	margin: 0 40px;
	position: relative;
	z-index: 1;
}

.ront_total a li{
   color: #fff;
}

.ront_total li .v img{
	margin-left: 8px;
}
.ront_total li .ront_t{
	position: absolute;
	top: -57px;
	left: 0;
	z-index: -1;
	transition: 1s;
}
.ront_total li:hover .ront_t{
	transform: rotate(180deg);
	opacity: 0;
}
.ront_total li:hover .ront_t.on{
	transform: rotate(-180deg);
	opacity: 1;
}
.ront_total li .ront_t.on{
	opacity: 0;
	transition: 2s;
}
.ront_total_text{
	font-size: 20px;
	margin-top: 12px;
}
.ront_total_text span{
	display: block;
	font-size: 10px;
	font-family: 'Arial';
	text-transform: uppercase;
	margin-top: 8px;
}

/*公司简介底部横幅*/
.about-banner {
    width: 100%;
    height: 330px;
    float: left;
}
.about-weizhi{
   width: 600px;
   height: 330px;
   margin: 0 auto;
   position: relative;
}
.about-weizhi h3 {
    width: auto;
    line-height: 35px;
    font-size: 36px;
    color:#fff;
    position: absolute;
    left: 40%;
    bottom: 60%;
}
.about_title {
    color: #498f4c !important;
    left:0 !important;
}

.about-weizhi p {
   width: auto;
   line-height: 35px;
   font-size: 24px;
   color:#fff;
   position: absolute;
   left: 18%;
   bottom: 40%;
}

.pro_imglist{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.pro_item{
 width: 245px;
 height: auto;
 display: flex;
 justify-content: flex-start;
 flex-direction: column;
 align-items: center;
 margin: 12px;
}
.pro_item a{
   width: 245px;
   height: auto;
   display: block;
  }
.pro_item img{
   width: 100%;
   height: 185px;
  }
  .pro_item p{
   width: 100%;
   height: 50px;
   line-height: 50px;
   background: #efefef;
   text-align: center;
   margin-top: -5px;
  }
  .pro_item a:hover p{
   width: 100%;
   height: 50px;
   line-height: 50px;
   background:  #498f4c;
   color: #fff;
   text-align: center;
  }
/*移动端开始小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a {
      font-size: 14px
   }

   .nav ul li .s_navbox .s_a a {
      font-size: 12px
   }

   .foot_top ul {
      margin-left: 60px
   }

   .nav ul li .s_navbox .s_a {
      width: 100%
   }
}


/*移动端样式*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
   .msgNum {
      display: none;
   }

   .slider {
      margin-top: 44px;
   }

   .head {
      display: none
   }

   .m_img {
      display: block;
      height: 44px;
      background: #fff;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      z-index: 9999;
      border-bottom: 1px solid #ddd;
      overflow: hidden;
   }

   .m_img .headlf {
      padding-top: 2px;
      padding-left: 5px;
      float: left;
   }

   .m_img .headlf .m_logo {
      height: 40px;
      display: block
   }

   .m_img .headrg {
      padding-right: 5%;
      padding-top: 14px;
      float: right;
   }

   .m_img .headrg a .m_menuimg {
      height: 16px;
      display: block
   }

   .m_nav {
      display: block;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 0px;
      height: 0px;
      overflow: hidden;
      z-index: 10000
   }

   .m_nav .closecover {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #0b0d19;
      filter: alpha(opacity=0);
      opacity: 0;
      left: 0px;
      top: 0px;
      z-index: 1
   }

   .m_nav .closeicon {
      position: absolute;
      width: 20%;
      left: 30px;
      top: 5%;
      z-index: 100;
      text-align: center;
      filter: alpha(opacity=0);
      opacity: 0
   }

   .m_nav .m_navList {
      position: absolute;
      width: 80%;
      right: 0px;
      top: 0px;
      background: #0b0d19;
      height: 100%;
      z-index: 100;
      right: -80%;
      overflow-y: scroll;
   }

   .m_nav .m_navList ul {
      padding-left: 5%;
      padding-right: 5%
   }

   .m_nav .m_navList ul li {
      border-bottom: 1px solid #232530
   }

   .m_nav .m_navList ul li a {
      display: block;
      height: 45px;
      color: #fff;
      line-height: 45px;
      padding-left: 5%;
      font-size: 16px
   }

   .m_nav .m_navList ul li .m_f_a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%
   }

   .m_nav .m_navList ul li .m_f_a a {
      flex: 1;
   }

   .m_nav .m_navList ul li .m_f_a i {
      width: 40px;
      height: 35px;
      box-sizing: border-box;
      padding: 0 5px;
      display: block;
   }

   .icon {
      background: url(../imgs/plus.png) 100% no-repeat;
      background-position: 50% 50%;
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
   }

   .icon_on {
      background: url(../imgs/reduce.jpg) 50% no-repeat !important;
      background-position: 50% 50%;
      -webkit-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s
   }

   .m_nav .m_navList ul li .m_s_nav {
      display: none;
      width: 100%;
   }

   .m_nav .m_navList ul li .m_s_nav a {
      display: block;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding-left: 10%;
      overflow: hidden;
      white-space: nowrap;
      width: 90%;
      text-overflow: ellipsis;
   }

   .slideBox .bd li img {
      height: 25vh;
   }

   .container {
      margin: 0 auto;
      width: 100%;
      padding: 0 1rem;
      box-sizing: border-box
   }

   /* 数字移动端 */
   .numbg {
      height: auto;
   }

   .number {
      flex-wrap: wrap;
      margin:0 auto 0.5rem auto
   }

   .num {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      line-height: 2rem;
      width: 50%;
      margin-top: 1rem
   }

   .num font {
      font-size: 2rem;
   }

   .num span {
      font-size: 1rem;
   }

   .num em {
      font-size: 1rem;
   }

   /* 搜索移动端 */
.search-bg{
   height:auto;

}
.search-words{
display: none;

}
#search_box { 
width:90vw;
  height: 38px;
  background: #fff;
  border: 1px solid #ddd; 
  float: right;
  margin:0.5rem auto
  } 
  #search_box #s { 
  width:85%; 
 
  } 
 
/*第一行移动端*/
.row1 {
   margin: 1.5rem auto;
   height: auto;
   flex-direction: column-reverse
}

.row1_about {
   width: 100%;
   height: auto;
}

.row1_about h2 {
   line-height: 1.8rem;
   font-size: 1.8rem;
}

.row1_about span {
   line-height: 1.2rem;
   font-size: 0.8em;
   margin-top: 0.8rem;
}

.row1_info {
   line-height: 1.8rem;
   margin-top: 0.8rem;
}

.row1_pic {
   width: 100%;
   height: auto;
   margin-bottom: 0.8rem;
}

.row1_pic img {
   width: 100%;
   height: auto;
}

   /* 第三行移动端 */

   .x_about{
      margin-top: 1rem;
      margin-bottom: 1.2rem
   }
   .l_about{
      width:100%;
      margin-left: 0;
      position: relative;
   }
   .l_about_one{
    display: none;
   }
   
   .l_about_two{
display: none;
   }
  
   .r_about{
      width: 100%;
   }
   .r_about_one{
      font-size: 2.5rem;
      font-weight: bold;
      margin-top:1rem;
   }
   .r_about_one span{
      font-size:1.5rem;
   }
   .r_about_two{
      font-size:1rem;
      line-height:1.5rem;
      margin-top:0.5rem;
   }
   .r_about_three{
      font-size: 1.5rem;
      margin-top:0.5rem;
   }
   .r_about_three span{
      display: block;
      font-size: 11px;
      padding-top: 6px;
      text-transform: uppercase;
   }
   .r_about_form{
      width: 100%;
      margin-top: 1rem;
   }
   .r_about_form p{
      transform: skewX(25deg);
      font-size: 20px;
   }
   .l_about_n{
      width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      transition: 1s;
   }

   /* 第二行移动端 */
   .row2 {
      background: url('../imgs/row2_bg.jpg') no-repeat center top fixed;
   }

   .row2 h3 {
      font-size: 1.5rem;
      line-height: 2rem;
      margin-top: 1.5rem;

   }

   .row2 span {
      font-size: 0.8rem;
      line-height: 1.5rem;
      margin-top: 0.8rem;
   }

   .index_pro {
      margin: 1.5rem auto;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .tj_pro {
      margin: auto auto 1.2rem auto;
      padding: 1rem;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      width: 100%
   }

   .pro_info {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      
   }

   .pro_info h3 {
      line-height: 1.8rem;
      font-size: 1.5rem;
   }

   .pro_info i {
      line-height: 1.5rem;
      font-size: 0.8rem;
      margin-top: 0.8rem;
   }

   .pro_info span {
      height: 2.5rem;
      line-height: 2.5rem;
      margin-bottom: 0.5rem;
   }
   .pro_info span::after {
      display: none;
   }
   .pro_info span a {
      color:#2e2e2e;
   }
   .pro_info span a:hover {
      color:#f00;
   }


   .pro_info p {
      line-height: 1.8rem;
      font-size: 1rem;
      margin-top: 1rem;
   }

   .pro_pic img {
      width: 100%;
      height: auto;
      margin-top: 0
   }


   /* 第三行移动端 */

   .row3 {
      flex-direction: column
   }

   .row3_map {
      width: 100%;
      height: 57vh;
      overflow: hidden;
      margin-top: 1rem
   }

   .row3_info {
      width: 100%;
      margin: 2rem auto auto 2rem
   }

   .row3_info p {
      line-height: 2.5rem;
      font-size: 1.2rem;
   }

   /* 底部信息移动端 */
   .foot_nav {
      width: 100%;
   }

   .bottom_nav {
      margin: 1.5rem 0.8rem 1.5rem auto;
   }

   .bottom_nav span {
      font-size: 1rem;
      line-height: 2rem;
   }

   .bottom_nav span a {
      font-size: 1rem;
   }

   .bottom_nav span a:hover {
      font-size: 1rem;
   }

   .bottom_nav p {
      font-size: 0.8rem;
      line-height: 1.5rem;
   }

   .bottom_nav p a {
      font-size: 0.8rem;
   }

   .bottom_nav p a:hover {
      font-size: 0.8rem;
      color: #f00;
   }

   #banquan {
      width: 100%;
      line-height: 2.5rem;
      font-size: 0.8rem
   }

   #banquan a {
      font-size: 0.8rem
   }

   /*关于我们页面移动端*/
   .side-banner{
      width: 100%;
      height: 30vh;
      margin-top:2.8rem;
  }
  .side-wezihi{
   width: 300px;
   height: 30vh;
   position: relative;
   margin: 0 auto;
}
.side-wezihi h2{
     width: auto;
     line-height:1.5rem;
     font-size:1.5rem;
     left: 40%;
     bottom: 65%;
  }
  .side-wezihi span{
     font-size:3.5rem;
     left: 25%;
     bottom: 46%;
  }
  
  .side-wezihi em{
     font-size: 0.5rem;
     left: 40%;
     bottom: 53%;
  }
  
  .side-wezihi p{
   font-size:1.5rem;
   left: 15%;
   bottom: 30%;
}

/*产品展示banner移动端*/
.pro-bannnerbg{
   width: 75vw;
   height: 30vh;
   margin: 0 auto;
}
.pro_one{
   left: 25%;
   font-size: 3.5rem;
   bottom: 55%;
}
.pro_catname {
   font-size: 1.5rem;
   left: 40%;
   bottom: 70%;
}
.pro-bannnerbg em{
   font-size: 1rem;
   color: #000;
   left: 40%;
   bottom: 63%;
}
.pro-solgan{
   width: 12rem;
   height: 3rem;
   line-height: 3rem;
   font-size: 0.8rem;
   left: 17%;
   bottom: 15%;
}
.pro-biaoyu{
  width: 450px;
  font-size:1.5rem;
  color: #498f4c ;
  position: absolute;
  left: 22%;
  bottom: 42%;
  z-index: 9;
}
   /*栏目二级菜单移动*/
   .side-prolb{
	   display:none
   }

   .side-bgcolor {
      height: auto;
      line-height:3rem;
      padding:0.5rem 0;
	  float:left
   }

   .side-meun {
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .side-meun span {
      width: 25vw;
      height: 2rem;
      line-height: 2rem;
     
   }
   .side-meun span a:hover {
      width: 25vw;
      height: 2rem;
      line-height: 2rem;
    

   }

   .curret {
      width:25vw;
      height: 2rem;
      line-height: 2rem;
     
   }

   .side_info {
      width: 100%;
      height: auto;
      line-height: 2rem;
      overflow: hidden;
      margin: 2rem auto;
   }

   .side_info img {
      max-width: 100%;
      ;
      display: block;
      margin: 10px auto;
   }

 


   /*企业特色移动端*/

   .side-features {
      width: 100%;
      height: auto;
      flex-wrap: wrap;
      flex-direction: column;
      margin-top: 1.5rem;
   }

   .side-features img {
      width: 100%;
      height: 30vh;
      overflow: hidden;
   }

   .side-features-fr {
      flex-direction: row-reverse !important
   }

   .features-info {
      width: 100%;
      height: auto;
   }

   .features-info h2 {
      font-size: 1.2rem;
      line-height: 1.8rem;
      padding: 3rem 1.2rem 0 1.2rem;
      box-sizing: border-box;
   }


   .features-info p {
      line-height: 1.2rem;
      padding: 0.8rem 1.2rem;
      box-sizing: border-box;
   }

   /*企业荣誉*/
   .honor-list {
      width: 100%;
   }

   .honor-pic {
      width: 45%;
      height: 34vh;
      margin: 0.5rem auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
   }

   .honor-pic span {
      width: 90%;
      height: 27vh;
      margin: 10px 5%;
      background: #efefef;
      display: block;
      overflow: hidden;
   }

   .honor-pic span img {
      width: 80%;
      height: 25vh;
      margin: 20px 10% auto 10%;
   }

   .honor-pic p {
      line-height: 1.5rem;
   }

   .honor-pic:nth-child(1) {
      margin: 0.5rem auto !important;

   }

   .honor-pic:nth-child(5n) {
      margin: 0.5rem auto !important;

   }

   .honor-pic:nth-child(4n) {
      margin: 0.5rem auto !important;

   }

   /*产品表格自适应*/
   .pro_table {
      width: 100%;
      font-size: 0.8rem;
   }

   .pro_table a {
      font-size: 0.8rem;
   }

   .pro_table td {
      padding: 0 .1rem;
   }

   .pro_datail {
      width: 100%;
      height: auto;
      justify-content: space-between;
      flex-direction: column;
	  margin:2.8rem auto 1rem auto
   }

   .pro_datail img {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin: 0
   }

   .pro_info2 {
      width: 100%;
      height: auto;
      justify-content: flex-start;
      flex-direction: column;
      padding: 1rem;
      box-sizing: border-box;
   }

   .pro_info2 h1 {
      line-height: 2rem;
      font-size: 1.8rem;
   }

   .pro_contact {
      line-height: 2rem;
      padding: 0 1rem;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 0;
   }

   .rongyu {
      background: url('../imgs/honnor.png') no-repeat 0 5px;
      background-size: 1.5rem 1.5rem;
      font-size: 1rem !important;
   }

   .dianhua {
      background: url('../imgs/tel.png') no-repeat 0 10px;
      background-size: 1.5rem 1.5rem;
      font-size: 1rem !important;
      margin: 0;
   }

   .pro_contact em {
      font-size: 1.4rem;
      line-height: 2.5rem;
   }

   .pro_contact em a {
      font-size: 1.4rem;
   }

   .pro_contact em a:hover {
      font-size: 1.4rem;
   }
   .newslist {
      width: 100%;
      margin: 1rem auto;
      flex-direction: column;
   }

   .inside_newslist {
      width: 100%;
      margin: auto auto 1rem auto;
   }

   .inside_newslist a:hover {
      width: 100%;

   }

   .inside_newslist code {
      margin: 2rem 0.5rem;
   }


   .inside_newslist span {
      width: 70%;
      height: 35px;
      overflow: hidden;
   }

   .inside_newslist p {
      width: 70%;
      font-size: 0.6rem;
      line-height: 1.2rem;
   }

   .inside_newslist p:hover {
      width: 70%;
      font-size: 0.6rem;
      line-height: 1.2rem;
   }

   /*文章内页面移动端*/
   .content_info {
      width: 100%;

   }

   .content_info h1 {
      width: 100%;
      line-height: 2rem;
      font-size: 1.5rem;
   }

   .content_info {
      line-height: 2.5rem;
      width: 100%;
      text-indent: 0;
      padding-right: 10vw;
      box-sizing: border-box;
   }

   .content_info img {
      max-width: 100%;
   }

   .content_chick span img {
      margin: 0
   }

   .content_chick span {
      font-size: 0.8rem;

   }

   .bshare-custom {
      display: none;
   }

/*联系我们页面移动端*/
.contact-page{
   width: 100%;
   height: auto;
   flex-wrap: wrap;
   margin: 1rem auto;
}
.contact-info{
   width: 100%;
   height: auto;
   line-height:1.5rem;
   padding:2rem 1rem;
}
.contact-info h2 {
   font-size: 1.5rem;
   line-height: 3rem;
}
.conact-map{
   width: 100%;
   height: 48vh;
}

.conact-message{
   height: auto;
   margin-top:1rem;
   float: left;
}
.conact-form{
   width: 100%;
   margin: 1rem auto;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   padding: 1rem;
   box-sizing: border-box;
}

.conact-form p 
{
line-height: 1.5rem;
}

.form-xm{
   flex-wrap:wrap;
}
.form-input{
   width: 100%;
   margin-bottom: 1rem;
}
.p_submit {
   margin-top: 25vh;

}

/*首页新增公司图标信息移动端*/
.ront{

   height: auto;
}

.ront_total{
	text-align: center;
	color: white;
	margin-top: 10vh;

}
.ront_total li{
	display: inline-block;
	width: 18%;
	height: auto;
	margin: 0 0.5rem;
}

.ront_total li .ront_t img{
 width: 4rem;
 height:auto;
 margin-top: 2rem;
}

.ront_total_img img {
   width: 2rem;
   height: auto;
   margin-left:-0.4rem !important;
}


.ront_total_text{
	font-size: 0.6rem;
	margin:1.5rem auto 1rem auto;
   padding-left: 0.5rem;
}
/*公司简介底部横幅移动端*/
.about-banner {
   width: 100%;
   height: 6rem;
}
.about-weizhi{
   width: 300px;
   height: 6rem;
}
.about-banner h3 {
   line-height:1rem;
   font-size:1rem;
   left: 40%;
   bottom: 60%;
}
.about_title {
   left:5% !important;
}

.about-banner p {
  line-height: 1rem;
  font-size: 0.6rem;
  left: 15%;
  bottom: 30%;
}
/*banner滚动效果*/
.banner_zong{
display: none;
}
.banner-bg{
   display: block;
   position: absolute;
   z-index: 999;
   left: 30%;
   top:10%;
   margin-top: 2.5vh
}
.banner-bg img{
   width: auto;
   height: 20vh;
}

.pro_item{
width: 42%;
margin: 0.8rem;
}
.pro_item a{
  width: 100%;
 }
.pro_item img{
  width: 100%;
  height: 18vh;
 }
 


}